<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<!-- 页面meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>商品管理</title>
	<!-- Tell the browser to be responsive to screen width -->
	<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
	<link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="/plugins/adminLTE/css/AdminLTE.css">
	<link rel="stylesheet" href="/plugins/adminLTE/css/skins/_all-skins.min.css">
	<link rel="stylesheet" href="/css/style.css">
	<script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src = "/plugins/bootstrap-table/dist/bootstrap-table.js"></script>
	<script type="text/javascript" src = "/plugins/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
	<link rel="stylesheet" type="text/css" href="/plugins/bootstrap-table/dist/bootstrap-table.css">

</head>

<body class="hold-transition skin-red sidebar-mini" >
<!-- .box-body -->

<div class="box-header with-border">
	<h3 class="box-title">商品审核</h3>
</div>

<div class="box-body">

	<!-- 数据表格 -->
	<div class="table-box">

		<!--工具栏-->
		<div class="pull-left">
			<div class="form-group form-inline">
				<div class="btn-group">
					<button type="button" class="btn btn-default" title="删除" ><i class="fa fa-trash-o"></i> 删除</button>
					<button type="button" class="btn btn-default" title="审核通过" onclick="checkStatu(1)"><i class="fa fa-check"></i> 审核通过</button>
					<button type="button" class="btn btn-default" title="驳回" onclick="checkStatu(2)" ><i class="fa fa-ban"></i> 驳回</button>
					<button type="button" class="btn btn-default" title="刷新" ><i class="fa fa-refresh"></i> 刷新</button>
				</div>
			</div>
		</div>
		<div class="box-tools pull-right">
			<div class="has-feedback">
				商品名称：<input type = "text" id="goodsName">
				<button class="btn btn-default" onclick = "getGoodsList()" >查询</button>
			</div>
		</div>
		<!--工具栏/-->

		<!--数据列表-->
		<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			<thead>
                <tr>
                    <th class="" style="padding-right:0px">
                        <input id="selall" type="checkbox" class="icheckbox_square-blue">
                    </th>
                    <th class="sorting_asc">商品ID</th>
                    <th class="sorting">商品名称</th>
                    <th class="sorting">商品价格</th>
                    <th class="sorting">一级分类</th>
                    <th class="sorting">二级分类</th>
                    <th class="sorting">三级分类</th>
                    <th class="sorting">状态</th>
                    <th class="text-center">操作</th>
                </tr>
            </thead>
            <tbody id="tbody">

            </tbody>

		</table>
		<!--数据列表/-->
		<div id="Number">

		</div>
		<input type="hidden"  id="page" value="1" size="1px" >
		<input type="hidden"  id="pages" size="1px" >

	</div>
	<!-- 数据表格 /-->


</div>
<!-- /.box-body -->

</body>
</html>
<script>
	$(function (){
		getGoodsList();
	})

	function getGoodsList(){
		var page = parseInt($("#page").val())
		var name = $("#goodsName").val()
		$.ajax({
			url:"goods/getGoodsList",
			data:{pageNumber:page,goodsName:name},
			dataType:"json",
			type:"get",
			success:function (result){
				if(result.code == 10000){
					var str='';
					var data = result.data.rows;
					console.log(result);
					for (var i = 0; i < data.length; i++) {
						str+='<tr>'
						str+='<td><input type="checkbox" value="'+data[i].id+'"></td>'
						str+='<td>'+data[i].id+'</td>'
						str+='<td>'+data[i].goodsName+'</td>'
						str+='<td>'+data[i].price+'</td>'
						str+='<td>'+data[i].category1Id+'</td>'
						str+='<td>'+data[i].category2Id+'</td>'
						str+='<td>'+data[i].category3Id+'</td>'
						str+='<td>'
						str+='<span>'+getStatus(data[i].auditStatus)+'</span>'
						str+='</td>'
						str+='<td class="text-center">'
						str+='<button type="button" class="btn bg-olive btn-xs">详情</button>'
						str+='</td>'
						str+='</tr>'
					}
					$("#tbody").html(str);

					//分页
					var num = ''
					num += '<a href="javascript:;" onclick="toPage(3)">首页</a>';
					num += '<a href="javascript:;" onclick="toPage(1)">上一页</a>';
					num += '<a href="javascript:;" onclick="toPage(2)">下一页</a>';
					num += '<a href="javascript:;" onclick="toPage(4)">末页</a>';
					$("#Number").html(num);
					$("#pages").val(result.data.pages);
					$("#total").val(result.data.total);
					$("#pageSize").val(result.data.pageSize);
				}else{
					alert(result.message);
				}
			},
			error:function (data){
				alert("网络异常")
			}
		})
	}

	//分页
	function toPage(sb){
		var page = parseInt($("#page").val());
		var pages = parseInt($("#pages").val());
		if(sb == 1){
			$("#page").val(page - 1);
		}else if(sb == 2){
			if (page!=pages){
				$("#page").val(page + 1);
			}
		}else if(sb == 3){
			$("#page").val(1);
		}else if(sb == 4){
			$("#page").val(pages);
		}else{
			$("#page").val(page = sb);
		}
		getGoodsList()
	}

	function getStatus(obj){
		if(obj == "1"){
			return "已审核";
		}else if(obj == 2){
			return "审核未通过";
		}else{
			return "未审核";
		}
	}

	function checkStatu(id){
		var arr = $("[type=checkbox]:checked");
		var ids = [];
		for (var i = 0; i < arr.length; i++) {
			ids.push(arr[i].value)
		}
		$.ajax({
			url:"goods/setStatu",
			data:{id:ids,status:id},
			dataType:"json",
			type:"get",
			success:function (result){
				if(result.code == 10000){
					alert(result.message);
					location.reload();

				}else{
					alert(result.message);
				}
			},
			error:function (data){
				alert("网络异常")
			}
		})
	}

</script>